<template>
	<view class="container-news">
		<view class="lang-top">
			<view class="backIcon" @click="back()">
				<uni-icons type="left" size="26"></uni-icons>
			</view>
			<view class="langText">
				消息中心
			</view>
			<view class="clearView">
				
			</view>
		</view>
		<view class="news-view">
			<p><span class="newsNum">0</span><span class="newsText">条消息未读</span></p>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			back(){
				uni.switchTab({
					url:'/pages/index/index'
				})
			}
		}
	}
</script>

<style>
	.container-news{
		background-color: #f6f6f6;
	}
	.lang-top{
		display: flex;
		padding-left:10rpx;
		height:88rpx;
		line-height:88rpx;
		background-color: #fff;
	}
	.backIcon{
		width:20%;
	}
	.langText{
		font-size:36rpx;
		width:60%;
		text-align: center;
		
	}
	.clearView{
		width:20%;
	}
	.newsNum{
		color: #f03041;
		font-size:24rpx;
		font-weight: 700;
	}
	.newsText{
		font-size: 28rpx;
		color: rgba(0, 0, 0, .8);
		font-weight: 700;
	}
	.news-view{
		/* margin-top: 88rpx; */
		width: 100%;
		height: 80rpx;
		padding: 0 22rpx 0 40rpx;
		line-height: 80rpx;
	}
</style>